/*
* Kaan TUNC
*/
@CHARSET "UTF-8";

.anaDiv{
	display:inline-block;
	width:100%;
	padding:10px;
}
.divBorder{
	border: 1px solid #1C617C;;
	width:97%;
}
.divPadTopBot{
	display:inline-block;
	width:100%;
	padding:10px 0;
}
.div100{
	display:inline-block;
	width:99%;
}
.div95{
	display:inline-block;
	width:94%;
}
.div90{
	display:inline-block;
	width:89%;
}
.div85{
	display:inline-block;
	width:84%;
}
.div80{
	display:inline-block;
	width:79%;
}
.div75{
	display:inline-block;
	width:74%;
}
.div70{
	display:inline-block;
	width:69%;
}
.div65{
	display:inline-block;
	width:64%;
}
.div60{
	display:inline-block;
	width:59%;
}
.div55{
	display:inline-block;
	width:54%;
}
.div50{
	display:inline-block;
	width:49%;
}
.div45{
	display:inline-block;
	width:44%;
}
.div40{
	display:inline-block;
	width:39%;
}
.div35{
	display:inline-block;
	width:34%;
}
.div30{
	display:inline-block;
	width:29%;
}
.div25{
	display:inline-block;
	width:24%;
}
.div20{
	display:inline-block;
	width:19%;
}
.div15{
	display:inline-block;
	width:14%;
}
.div10{
	display:inline-block;
	width:9%;
}
.div5{
	display:inline-block;
	width:4%;
}
.divYan{
	display:inline-block;
	margin:1px 2px;
}
.fLeft{
	float: left;
}
.fRight{
	float: right;
}
.hColor{
	color:#1C617C;
}
.tCenter{
	text-align: center;
}
.font10,
.btn.font10,
.btn-xs.font10 {
	font-size:10px;
    line-height: 12px;
}
.font12 {font-size:12px;line-height: 14px;} .font14 {font-size:14px;line-height: 16px;} .font15 {font-size:15px;line-height: 17px;} .font16 {font-size:16px !important;line-height: 18px !important;} .font18 {font-size:18px !important; line-height: 20px !important;} .font20 {font-size:20px; line-height: 22px;}
.fontBold {
	font-weight: bold;
}
.fontItalic {
	font-style: italic;
}
.tdPad5 tr td{
	padding:5px;
}
.thPad5 tr th{
	padding:5px;
}
/* Bootstrap Button */

/*.btn {*/
    /*display: inline-block;*/
    /*padding: 6px 12px;*/
    /*margin-bottom: 0;*/
    /*font-size: 14px;*/
    /*font-weight: normal;*/
    /*line-height: 1.42857143;*/
    /*text-align: center;*/
    /*white-space: nowrap;*/
    /*vertical-align: middle;*/
    /*-ms-touch-action: manipulation;*/
    /*touch-action: manipulation;*/
    /*cursor: pointer;*/
    /*-webkit-user-select: none;*/
    /*-moz-user-select: none;*/
    /*-ms-user-select: none;*/
    /*user-select: none;*/
    /*background-image: none;*/
    /*border: 1px solid transparent;*/
    /*border-radius: 4px;*/
/*}*/
/*.btn:focus,*/
/*.btn:active:focus,*/
/*.btn.active:focus,*/
/*.btn.focus,*/
/*.btn:active.focus,*/
/*.btn.active.focus {*/
    /*outline: thin dotted;*/
    /*outline: 5px auto -webkit-focus-ring-color;*/
    /*outline-offset: -2px;*/
/*}*/
/*.btn:hover,*/
/*.btn:focus,*/
/*.btn.focus {*/
    /*color: #333;*/
    /*text-decoration: none;*/
/*}*/
/*.btn:active,*/
/*.btn.active {*/
    /*background-image: none;*/
    /*outline: 0;*/
    /*-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);*/
    /*box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);*/
/*}*/
/*.btn.disabled,*/
/*.btn[disabled],*/
/*fieldset[disabled] .btn {*/
    /*cursor: not-allowed;*/
    /*filter: alpha(opacity=65);*/
    /*-webkit-box-shadow: none;*/
    /*box-shadow: none;*/
    /*opacity: .65;*/
/*}*/
/*a.btn.disabled,*/
/*fieldset[disabled] a.btn {*/
    /*pointer-events: none;*/
/*}*/
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
}
.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
    background-color: #fff;
    border-color: #ccc;
}
.btn-default .badge {
    color: #fff;
    background-color: #333;
}
/*.btn-primary {*/
    /*color: #fff;*/
    /*background-color: #337ab7;*/
    /*border-color: #2e6da4;*/
/*}*/
/*.btn-primary:focus,*/
/*.btn-primary.focus {*/
    /*color: #fff;*/
    /*background-color: #286090;*/
    /*border-color: #122b40;*/
/*}*/
/*.btn-primary:hover {*/
    /*color: #fff;*/
    /*background-color: #286090;*/
    /*border-color: #204d74;*/
/*}*/
/*.btn-primary:active,*/
/*.btn-primary.active,*/
/*.open > .dropdown-toggle.btn-primary {*/
    /*color: #fff;*/
    /*background-color: #286090;*/
    /*border-color: #204d74;*/
/*}*/
/*.btn-primary:active:hover,*/
/*.btn-primary.active:hover,*/
/*.open > .dropdown-toggle.btn-primary:hover,*/
/*.btn-primary:active:focus,*/
/*.btn-primary.active:focus,*/
/*.open > .dropdown-toggle.btn-primary:focus,*/
/*.btn-primary:active.focus,*/
/*.btn-primary.active.focus,*/
/*.open > .dropdown-toggle.btn-primary.focus {*/
    /*color: #fff;*/
    /*background-color: #204d74;*/
    /*border-color: #122b40;*/
/*}*/
/*.btn-primary:active,*/
/*.btn-primary.active,*/
/*.open > .dropdown-toggle.btn-primary {*/
    /*background-image: none;*/
/*}*/
/*.btn-primary.disabled:hover,*/
/*.btn-primary[disabled]:hover,*/
/*fieldset[disabled] .btn-primary:hover,*/
/*.btn-primary.disabled:focus,*/
/*.btn-primary[disabled]:focus,*/
/*fieldset[disabled] .btn-primary:focus,*/
/*.btn-primary.disabled.focus,*/
/*.btn-primary[disabled].focus,*/
/*fieldset[disabled] .btn-primary.focus {*/
    /*background-color: #337ab7;*/
    /*border-color: #2e6da4;*/
/*}*/
/*.btn-primary .badge {*/
    /*color: #337ab7;*/
    /*background-color: #fff;*/
/*}*/
/*.btn-success {*/
    /*color: #fff;*/
    /*background-color: #5cb85c;*/
    /*border-color: #4cae4c;*/
/*}*/
/*.btn-success:focus,*/
/*.btn-success.focus {*/
    /*color: #fff;*/
    /*background-color: #449d44;*/
    /*border-color: #255625;*/
/*}*/
/*.btn-success:hover {*/
    /*color: #fff;*/
    /*background-color: #449d44;*/
    /*border-color: #398439;*/
/*}*/
/*.btn-success:active,*/
/*.btn-success.active,*/
/*.open > .dropdown-toggle.btn-success {*/
    /*color: #fff;*/
    /*background-color: #449d44;*/
    /*border-color: #398439;*/
/*}*/
/*.btn-success:active:hover,*/
/*.btn-success.active:hover,*/
/*.open > .dropdown-toggle.btn-success:hover,*/
/*.btn-success:active:focus,*/
/*.btn-success.active:focus,*/
/*.open > .dropdown-toggle.btn-success:focus,*/
/*.btn-success:active.focus,*/
/*.btn-success.active.focus,*/
/*.open > .dropdown-toggle.btn-success.focus {*/
    /*color: #fff;*/
    /*background-color: #398439;*/
    /*border-color: #255625;*/
/*}*/
/*.btn-success:active,*/
/*.btn-success.active,*/
/*.open > .dropdown-toggle.btn-success {*/
    /*background-image: none;*/
/*}*/
/*.btn-success.disabled:hover,*/
/*.btn-success[disabled]:hover,*/
/*fieldset[disabled] .btn-success:hover,*/
/*.btn-success.disabled:focus,*/
/*.btn-success[disabled]:focus,*/
/*fieldset[disabled] .btn-success:focus,*/
/*.btn-success.disabled.focus,*/
/*.btn-success[disabled].focus,*/
/*fieldset[disabled] .btn-success.focus {*/
    /*background-color: #5cb85c;*/
    /*border-color: #4cae4c;*/
/*}*/
/*.btn-success .badge {*/
    /*color: #5cb85c;*/
    /*background-color: #fff;*/
/*}*/
/*.btn-info {*/
    /*color: #fff;*/
    /*background-color: #5bc0de;*/
    /*border-color: #46b8da;*/
/*}*/
/*.btn-info:focus,*/
/*.btn-info.focus {*/
    /*color: #fff;*/
    /*background-color: #31b0d5;*/
    /*border-color: #1b6d85;*/
/*}*/
/*.btn-info:hover {*/
    /*color: #fff;*/
    /*background-color: #31b0d5;*/
    /*border-color: #269abc;*/
/*}*/
/*.btn-info:active,*/
/*.btn-info.active,*/
/*.open > .dropdown-toggle.btn-info {*/
    /*color: #fff;*/
    /*background-color: #31b0d5;*/
    /*border-color: #269abc;*/
/*}*/
/*.btn-info:active:hover,*/
/*.btn-info.active:hover,*/
/*.open > .dropdown-toggle.btn-info:hover,*/
/*.btn-info:active:focus,*/
/*.btn-info.active:focus,*/
/*.open > .dropdown-toggle.btn-info:focus,*/
/*.btn-info:active.focus,*/
/*.btn-info.active.focus,*/
/*.open > .dropdown-toggle.btn-info.focus {*/
    /*color: #fff;*/
    /*background-color: #269abc;*/
    /*border-color: #1b6d85;*/
/*}*/
/*.btn-info:active,*/
/*.btn-info.active,*/
/*.open > .dropdown-toggle.btn-info {*/
    /*background-image: none;*/
/*}*/
/*.btn-info.disabled:hover,*/
/*.btn-info[disabled]:hover,*/
/*fieldset[disabled] .btn-info:hover,*/
/*.btn-info.disabled:focus,*/
/*.btn-info[disabled]:focus,*/
/*fieldset[disabled] .btn-info:focus,*/
/*.btn-info.disabled.focus,*/
/*.btn-info[disabled].focus,*/
/*fieldset[disabled] .btn-info.focus {*/
    /*background-color: #5bc0de;*/
    /*border-color: #46b8da;*/
/*}*/
/*.btn-info .badge {*/
    /*color: #5bc0de;*/
    /*background-color: #fff;*/
/*}*/
/*.btn-warning {*/
    /*color: #fff;*/
    /*background-color: #f0ad4e;*/
    /*border-color: #eea236;*/
/*}*/
/*.btn-warning:focus,*/
/*.btn-warning.focus {*/
    /*color: #fff;*/
    /*background-color: #ec971f;*/
    /*border-color: #985f0d;*/
/*}*/
/*.btn-warning:hover {*/
    /*color: #fff;*/
    /*background-color: #ec971f;*/
    /*border-color: #d58512;*/
/*}*/
/*.btn-warning:active,*/
/*.btn-warning.active,*/
/*.open > .dropdown-toggle.btn-warning {*/
    /*color: #fff;*/
    /*background-color: #ec971f;*/
    /*border-color: #d58512;*/
/*}*/
/*.btn-warning:active:hover,*/
/*.btn-warning.active:hover,*/
/*.open > .dropdown-toggle.btn-warning:hover,*/
/*.btn-warning:active:focus,*/
/*.btn-warning.active:focus,*/
/*.open > .dropdown-toggle.btn-warning:focus,*/
/*.btn-warning:active.focus,*/
/*.btn-warning.active.focus,*/
/*.open > .dropdown-toggle.btn-warning.focus {*/
    /*color: #fff;*/
    /*background-color: #d58512;*/
    /*border-color: #985f0d;*/
/*}*/
/*.btn-warning:active,*/
/*.btn-warning.active,*/
/*.open > .dropdown-toggle.btn-warning {*/
    /*background-image: none;*/
/*}*/
/*.btn-warning.disabled:hover,*/
/*.btn-warning[disabled]:hover,*/
/*fieldset[disabled] .btn-warning:hover,*/
/*.btn-warning.disabled:focus,*/
/*.btn-warning[disabled]:focus,*/
/*fieldset[disabled] .btn-warning:focus,*/
/*.btn-warning.disabled.focus,*/
/*.btn-warning[disabled].focus,*/
/*fieldset[disabled] .btn-warning.focus {*/
    /*background-color: #f0ad4e;*/
    /*border-color: #eea236;*/
/*}*/
/*.btn-warning .badge {*/
    /*color: #f0ad4e;*/
    /*background-color: #fff;*/
/*}*/
/*.btn-danger {*/
    /*color: #fff;*/
    /*background-color: #d9534f;*/
    /*border-color: #d43f3a;*/
/*}*/
/*.btn-danger:focus,*/
/*.btn-danger.focus {*/
    /*color: #fff;*/
    /*background-color: #c9302c;*/
    /*border-color: #761c19;*/
/*}*/
/*.btn-danger:hover {*/
    /*color: #fff;*/
    /*background-color: #c9302c;*/
    /*border-color: #ac2925;*/
/*}*/
/*.btn-danger:active,*/
/*.btn-danger.active,*/
/*.open > .dropdown-toggle.btn-danger {*/
    /*color: #fff;*/
    /*background-color: #c9302c;*/
    /*border-color: #ac2925;*/
/*}*/
/*.btn-danger:active:hover,*/
/*.btn-danger.active:hover,*/
/*.open > .dropdown-toggle.btn-danger:hover,*/
/*.btn-danger:active:focus,*/
/*.btn-danger.active:focus,*/
/*.open > .dropdown-toggle.btn-danger:focus,*/
/*.btn-danger:active.focus,*/
/*.btn-danger.active.focus,*/
/*.open > .dropdown-toggle.btn-danger.focus {*/
    /*color: #fff;*/
    /*background-color: #ac2925;*/
    /*border-color: #761c19;*/
/*}*/
/*.btn-danger:active,*/
/*.btn-danger.active,*/
/*.open > .dropdown-toggle.btn-danger {*/
    /*background-image: none;*/
/*}*/
/*.btn-danger.disabled:hover,*/
/*.btn-danger[disabled]:hover,*/
/*fieldset[disabled] .btn-danger:hover,*/
/*.btn-danger.disabled:focus,*/
/*.btn-danger[disabled]:focus,*/
/*fieldset[disabled] .btn-danger:focus,*/
/*.btn-danger.disabled.focus,*/
/*.btn-danger[disabled].focus,*/
/*fieldset[disabled] .btn-danger.focus {*/
    /*background-color: #d9534f;*/
    /*border-color: #d43f3a;*/
/*}*/
/*.btn-danger .badge {*/
    /*color: #d9534f;*/
    /*background-color: #fff;*/
/*}*/
/*.btn-link {*/
    /*font-weight: normal;*/
    /*color: #337ab7;*/
    /*border-radius: 0;*/
/*}*/
/*.btn-link,*/
/*.btn-link:active,*/
/*.btn-link.active,*/
/*.btn-link[disabled],*/
/*fieldset[disabled] .btn-link {*/
    /*background-color: transparent;*/
    /*-webkit-box-shadow: none;*/
    /*box-shadow: none;*/
/*}*/
/*.btn-link,*/
/*.btn-link:hover,*/
/*.btn-link:focus,*/
/*.btn-link:active {*/
    /*border-color: transparent;*/
/*}*/
/*.btn-link:hover,*/
/*.btn-link:focus {*/
    /*color: #23527c;*/
    /*text-decoration: underline;*/
    /*background-color: transparent;*/
/*}*/
/*.btn-link[disabled]:hover,*/
/*fieldset[disabled] .btn-link:hover,*/
/*.btn-link[disabled]:focus,*/
/*fieldset[disabled] .btn-link:focus {*/
    /*color: #777;*/
    /*text-decoration: none;*/
/*}*/
/*.btn-lg,*/
/*.btn-group-lg > .btn {*/
    /*padding: 10px 16px;*/
    /*font-size: 18px;*/
    /*line-height: 1.3333333;*/
    /*border-radius: 6px;*/
/*}*/
/*.btn-sm,*/
/*.btn-group-sm > .btn {*/
    /*padding: 5px 10px;*/
    /*font-size: 12px;*/
    /*line-height: 1.5;*/
    /*border-radius: 3px;*/
/*}*/
.btn-xs,
.btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
/*.btn-block {*/
    /*display: block;*/
    /*width: 100%;*/
/*}*/
/*.btn-block + .btn-block {*/
    /*margin-top: 5px;*/
/*}*/
/*.text-left {*/
  /*text-align: left;*/
/*}*/
/*.text-right {*/
  /*text-align: right;*/
/*}*/
/*.text-center {*/
  /*text-align: center;*/
/*}*/
/*.text-justify {*/
  /*text-align: justify;*/
/*}*/
/*.text-nowrap {*/
  /*white-space: nowrap;*/
/*}*/
/*.text-lowercase {*/
  /*text-transform: lowercase;*/
/*}*/
/*.text-uppercase {*/
  /*text-transform: uppercase;*/
/*}*/
/*.text-capitalize {*/
  /*text-transform: capitalize;*/
/*}*/
/*.text-underline {*/
  /*text-decoration: underline;*/
/*}*/
/*.text-end {*/
	/*text-align: end;*/
/*}*/
/*.text-muted {*/
  /*color: #999999;*/
/*}*/
/*.text-primary {*/
  /*color: #158cba;*/
/*}*/
/*a.text-primary:hover {*/
  /*color: #106a8c;*/
/*}*/
/*.text-success {*/
  /*color: #ffffff;*/
/*}*/
/*a.text-success:hover {*/
/*!*   color: #e6e6e6; *!*/
/*}*/
/*.text-info {*/
  /*color: #ffffff;*/
/*}*/
/*a.text-info:hover {*/
  /*color: #e6e6e6;*/
/*}*/
/*.text-warning {*/
  /*color: #ffffff;*/
/*}*/
/*a.text-warning:hover {*/
  /*color: #e6e6e6;*/
/*}*/
/*.text-danger {*/
  /*color: #ffffff;*/
/*}*/
/*a.text-danger:hover {*/
/*!*   color: #e6e6e6; *!*/
/*}*/
/*.text-primary,*/
/*.text-primary:hover {*/
  /*color: #158cba;*/
/*}*/
/*.text-success,*/
/*.text-success:hover {*/
  /*color: #28b62c;*/
/*}*/
/*.text-danger,*/
/*.text-danger:hover {*/
  /*color: #ff4136;*/
/*}*/
/*.text-warning,*/
/*.text-warning:hover {*/
  /*color: #ff851b;*/
/*}*/
/*.text-info,*/
/*.text-info:hover {*/
  /*color: #75caeb;*/
/*}*/
/*.text-white, */
/*.text-white:hover {*/
  /*color: #ffffff;*/
/*}*/
/*.bg-primary {*/
  /*color: #fff;*/
  /*background-color: #158cba !important;*/
/*}*/
/*a.bg-primary:hover {*/
  /*background-color: #106a8c;*/
/*}*/
/*.bg-success {*/
  /*background-color: #28b62c !important;*/
/*}*/
/*a.bg-success:hover {*/
  /*background-color: #1f8c22;*/
/*}*/
/*.bg-info {*/
  /*background-color: #75caeb !important;*/
/*}*/
/*a.bg-info:hover {*/
  /*background-color: #48b9e5;*/
/*}*/
/*.bg-warning {*/
  /*background-color: #ff851b !important;*/
/*}*/
/*a.bg-warning:hover {*/
  /*background-color: #e76b00;*/
/*}*/
/*.bg-danger {*/
  /*background-color: #ff4136 !important;*/
/*}*/
/*a.bg-danger:hover {*/
  /*background-color: #ff1103;*/
/*}*/
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.input-sm {
  height: 25px;
  padding: 1px 8px;
  font-size: 13px;
  border-radius: 5px;
}
.input-sm:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
/* Bootstrap SON */
.inputW100 {
	width:100%;
	max-width:100%;
    min-width: 100%;
}
.inputW95 {
	width:95%;
	max-width:95%;
}
.inputW90 {
	width:90%;
	max-width:90%;
}
.inputW50 {
	width:50%;
	max-width:50%;
}
.inputW40 {
    width:40%;
    max-width:40%;
}
.inputW8 {
    width:150px;
    max-width:150px;
}
.inputW25 {
    /* width:25%; */
	/* max-width:25%; */
	width:45px;
    max-width:45px;
    padding:0 10px;
}
/*.btn-group, .btn-group-vertical {*/
  /*display: inline-block;*/
  /*position: relative;*/
  /*vertical-align: middle;*/
/*}*/
/*.btn-group-vertical > .btn, .btn-group > .btn {*/
  /*float: left;*/
  /*position: relative;*/
/*}*/
/*.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {*/
  /*z-index: 2;*/
/*}*/
/*.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {*/
  /*margin-left: -1px;*/
/*}*/
/*.btn-toolbar {*/
  /*margin-left: -5px;*/
/*}*/
/*.btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {*/
  /*float: left;*/
/*}*/
/*.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {*/
  /*margin-left: 5px;*/
/*}*/
/*.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {*/
  /*border-radius: 0;*/
/*}*/
/*.btn-group > .btn:first-child {*/
  /*margin-left: 0;*/
/*}*/
/*.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {*/
  /*border-bottom-right-radius: 0;*/
  /*border-top-right-radius: 0;*/
/*}*/
/*.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {*/
  /*border-bottom-left-radius: 0;*/
  /*border-top-left-radius: 0;*/
/*}*/
/*.btn-group > .btn-group {*/
  /*float: left;*/
/*}*/
/*.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {*/
  /*border-radius: 0;*/
/*}*/
/*.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {*/
  /*border-bottom-right-radius: 0;*/
  /*border-top-right-radius: 0;*/
/*}*/
/*.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {*/
  /*border-bottom-left-radius: 0;*/
  /*border-top-left-radius: 0;*/
/*}*/
/*.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {*/
  /*outline: 0 none;*/
/*}*/
/*.btn-group > .btn + .dropdown-toggle {*/
  /*padding-left: 8px;*/
  /*padding-right: 8px;*/
/*}*/
/*.btn-group > .btn-lg + .dropdown-toggle {*/
  /*padding-left: 12px;*/
  /*padding-right: 12px;*/
/*}*/
/*.btn-group.open .dropdown-toggle {*/
  /*box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;*/
/*}*/
/*.btn-group.open .dropdown-toggle.btn-link {*/
  /*box-shadow: none;*/
/*}*/
/*.btn .caret {*/
  /*margin-left: 0;*/
/*}*/
/*.btn-lg .caret {*/
  /*border-width: 5px 5px 0;*/
/*}*/
/*.dropup .btn-lg .caret {*/
  /*border-width: 0 5px 5px;*/
/*}*/
/*.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {*/
  /*display: block;*/
  /*float: none;*/
  /*max-width: 100%;*/
  /*width: 100%;*/
/*}*/
/*.btn-group-vertical > .btn-group > .btn {*/
  /*float: none;*/
/*}*/
/*.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {*/
  /*margin-left: 0;*/
  /*margin-top: -1px;*/
/*}*/
/*.btn-group-vertical > .btn:not(:first-child):not(:last-child) {*/
  /*border-radius: 0;*/
/*}*/
/*.btn-group-vertical > .btn:first-child:not(:last-child) {*/
  /*border-radius: 4px 4px 0 0;*/
/*}*/
/*.btn-group-vertical > .btn:last-child:not(:first-child) {*/
  /*border-radius: 0 0 4px 4px;*/
/*}*/
/*.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {*/
  /*border-radius: 0;*/
/*}*/
/*.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {*/
  /*border-bottom-left-radius: 0;*/
  /*border-bottom-right-radius: 0;*/
/*}*/
/*.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {*/
  /*border-top-left-radius: 0;*/
  /*border-top-right-radius: 0;*/
/*}*/
.btn-group-justified {
  border-collapse: separate;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.btn-group-justified > .btn, .btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}

[data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"] {
  clip: rect(0px, 0px, 0px, 0px);
  pointer-events: none;
  position: absolute;
}

/*.input-group {*/
    /*position: relative;*/
    /*display: -webkit-box;*/
    /*display: -webkit-flex;*/
    /*display: -ms-flexbox;*/
    /*display: flex;*/
    /*width: 100%;*/
/*}*/

/*.input-group-addon:not(:last-child) {*/
    /*border-right: 0;*/
/*}*/

/*.input-group .form-control:not(:last-child), .input-group-addon:not(:last-child), .input-group-btn:not(:first-child)>.btn-group:not(:last-child)>.btn, .input-group-btn:not(:first-child)>.btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:not(:last-child)>.btn, .input-group-btn:not(:last-child)>.btn-group>.btn, .input-group-btn:not(:last-child)>.dropdown-toggle {*/
    /*border-bottom-right-radius: 0;*/
    /*border-top-right-radius: 0;*/
/*}*/

/*.input-group-addon {*/
    /*padding: .5rem .75rem;*/
    /*margin-bottom: 0;*/
    /*font-size: 1rem;*/
    /*font-weight: 400;*/
    /*line-height: 1.25;*/
    /*color: #464a4c;*/
    /*text-align: center;*/
    /*background-color: #eceeef;*/
    /*border: 1px solid rgba(0,0,0,.15);*/
    /*border-radius: .25rem;*/
/*}*/

/*.input-group-addon, .input-group-btn {*/
    /*white-space: nowrap;*/
    /*vertical-align: middle;*/
/*}*/

/*.input-group .form-control, .input-group-addon, .input-group-btn {*/
    /*display: -webkit-box;*/
    /*display: -webkit-flex;*/
    /*display: -ms-flexbox;*/
    /*display: flex;*/
    /*-webkit-box-orient: vertical;*/
    /*-webkit-box-direction: normal;*/
    /*-webkit-flex-direction: column;*/
    /*-ms-flex-direction: column;*/
    /*flex-direction: column;*/
    /*-webkit-box-pack: center;*/
    /*-webkit-justify-content: center;*/
    /*-ms-flex-pack: center;*/
    /*justify-content: center;*/
/*}*/

/*.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {*/
    /*border-radius: 0;*/
/*}*/

/*.input-group .form-control:not(:first-child), .input-group-addon:not(:first-child), .input-group-btn:not(:first-child)>.btn, .input-group-btn:not(:first-child)>.btn-group>.btn, .input-group-btn:not(:first-child)>.dropdown-toggle, .input-group-btn:not(:last-child)>.btn-group:not(:first-child)>.btn, .input-group-btn:not(:last-child)>.btn:not(:first-child) {*/
    /*border-bottom-left-radius: 0;*/
    /*border-top-left-radius: 0;*/
/*}*/

.pointer{cursor: pointer;}

/*.alert {*/
    /*padding: 15px;*/
    /*margin-bottom: 20px;*/
    /*border: 1px solid transparent;*/
    /*border-radius: 4px;*/
/*}*/
/*.alert h4 {*/
    /*margin-top: 0;*/
    /*color: inherit;*/
/*}*/
/*.alert .alert-link {*/
    /*font-weight: bold;*/
/*}*/
/*.alert > p,*/
/*.alert > ul {*/
    /*margin-bottom: 0;*/
/*}*/
/*.alert > p + p {*/
    /*margin-top: 5px;*/
/*}*/
/*.alert-dismissable,*/
/*.alert-dismissible {*/
    /*padding-right: 35px;*/
/*}*/
/*.alert-dismissable .close,*/
/*.alert-dismissible .close {*/
    /*position: relative;*/
    /*top: -2px;*/
    /*right: -21px;*/
    /*color: inherit;*/
/*}*/
/*.alert-success {*/
    /*color: #3c763d;*/
    /*background-color: #dff0d8;*/
    /*border-color: #d6e9c6;*/
/*}*/
/*.alert-success hr {*/
    /*border-top-color: #c9e2b3;*/
/*}*/
/*.alert-success .alert-link {*/
    /*color: #2b542c;*/
/*}*/
/*.alert-info {*/
    /*color: #31708f;*/
    /*background-color: #d9edf7;*/
    /*border-color: #bce8f1;*/
/*}*/
/*.alert-info hr {*/
    /*border-top-color: #a6e1ec;*/
/*}*/
/*.alert-info .alert-link {*/
    /*color: #245269;*/
/*}*/
/*.alert-warning {*/
    /*color: #8a6d3b;*/
    /*background-color: #fcf8e3;*/
    /*border-color: #faebcc;*/
/*}*/
/*.alert-warning hr {*/
    /*border-top-color: #f7e1b5;*/
/*}*/
/*.alert-warning .alert-link {*/
    /*color: #66512c;*/
/*}*/
/*.alert-danger {*/
    /*color: #a94442;*/
    /*background-color: #f2dede;*/
    /*border-color: #ebccd1;*/
/*}*/
/*.alert-danger hr {*/
    /*border-top-color: #e4b9c0;*/
/*}*/
/*.alert-danger .alert-link {*/
    /*color: #843534;*/
/*}*/

/*.form-control {*/
    /*display: inline-block;*/
    /*width: 100%;*/
    /*height: 20px;*/
    /*padding: 6px 12px;*/
    /*font-size: 14px;*/
    /*line-height: 1.42857143;*/
    /*color: #555;*/
    /*background-color: #fff;*/
    /*background-image: none;*/
    /*border: 1px solid #ccc;*/
    /*border-radius: 4px;*/
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);*/
    /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);*/
    /*-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;*/
    /*-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;*/
    /*transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;*/
/*}*/

/*.form-control:focus {*/
    /*border-color: #66afe9;*/
    /*outline: 0;*/
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);*/
    /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);*/
/*}*/

.editorBg{
    display: none;
    background: #e0cfc2;
    margin-top: 10px;
    padding: 10px;
}
.chat_box {
    position: fixed;
    right: 20px;
    bottom: 0;
    width: 350px
}

.chat_body {
    background: white;
    height: 400px;
    padding: 5px 0
}

.chat_head, .msg_head {
    background: #f39c12;
    color: white;
    padding: 2px 15px 5px 15px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    cursor: pointer;
    border-radius: 0;
}

.msg_box {
    position: fixed;
    bottom: -5px;
    right: 10px;
    width: 350px;
    background: none;
    border-radius: 5px 5px 0 0
}

.msg_head {
    background: #4f81bc;
    border: 2px solid #36588a;
    color: #FFF
}

.msg_head .womanicon {
    background: url("../../../templates/paradigm_shift/images/yardimmasasiwoman.png") no-repeat;
    width: 35px;
    height: 38px;
    display: inline-block;
}

.msg_wrap {
    display: none
}

.msg_body {
    background: white;
    height: 350px;
    font-size: 12px;
    padding: 15px;
    overflow: auto;
    overflow-x: hidden;
    border-left: 1px solid #36588a;
    border-right: 1px solid #36588a
}

.msg_body .collapsible, .msg_body .page_collapsible {
    margin: 0;
    padding: 6px 8px;
    min-height: 20px;
    border-top: #f0f0f0 1px solid;
    background: #cdcdcd scroll 15px 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
    font-size: 1em;
    cursor: pointer;
    font-weight: 700
}

.msg_body .collapsible em {
    padding: 0 0 0 25px
}

.msg_body .collapse-open {
    background: #1C617C scroll 15px 12px;
    color: #fff
}

.msg_body .anaDiv .collapse-open {
    background: #00B000 scroll 15px 12px;
    color: #fff
}

.msg_body .collapse-open span.plus {
    display: block;
    float: right;
    padding: 10px
}

.msg_body .collapse-open span.plus {
    background: url(images/minus_white.png) center center no-repeat
}

.msg_body .collapse-close span.plus {
    display: block;
    float: right;
    background: url(images/plus_green.png) center center no-repeat;
    padding: 10px
}

.msg_body div.container {
    padding: 0;
    margin: 0
}

.msg_body div.content {
    background: #fafafa;
    margin: 0;
    padding: 10px;
    font-size: 1em;
    line-height: 1.5em;
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif
}

.msg_body div.content ul, .msg_body div.content p {
    margin: 0;
    padding: 3px
}

.msg_body div.content ul li {
    list-style-position: inside;
    line-height: 25px
}

.msg_body div.content ul li a {
    color: #555
}

.msg_input {
    margin: 5px 0 0 0;
    padding: 5px;
    width: 100%;
    height: 60px;
    border: 1px solid #DDD;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    resize: none;
}

.close {
    float: right;
    cursor: pointer
}

.minimize {
    float: right;
    cursor: pointer;
    padding-right: 5px
}

.msg_a {
    position: relative;
    background: #FDE4CE;
    padding: 10px;
    min-height: 10px;
    margin-bottom: 5px;
    margin-right: 10px;
    border-radius: 5px
}

.msg_a:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 10px solid;
    border-color: transparent #FDE4CE transparent transparent;
    left: -20px;
    top: 7px
}

.msg_b {
    background: #EEF2E7;
    padding: 10px;
    min-height: 15px;
    margin-bottom: 5px;
    position: relative;
    margin-left: 10px;
    border-radius: 5px
}

.msg_b:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 10px solid;
    border-color: transparent transparent transparent #EEF2E7;
    right: -20px;
    top: 7px
}

.otherText {
    margin: 5px 0 0 0;
    padding: 5px;
    background: #E0E2FF;
}


.sendQues {
    background-color: #1ab62f;
    border-color: #1ab62f;
    color: #FFFFFF;
}

.sendQues:hover, .sendQues:focus, .sendQues:active, .sendQues.active {
    background-color: #17a029;
    border-color: #148923;
    color: #FFFFFF;
}

.sendQues.disabled:hover, .sendQues.disabled:focus, .sendQues.disabled:active, .sendQues.disabled.active, .sendQues[disabled]:hover, .sendQues[disabled]:focus, .sendQues[disabled]:active, .sendQues[disabled].active, fieldset[disabled] .sendQues:hover, fieldset[disabled] .sendQues:focus, fieldset[disabled] .sendQues:active, fieldset[disabled] .sendQues.active {
    background-color: #1ab62f;
    border-color: #1ab62f;
    color: #FFFFFF;
}


.lds-reload {
    background-color: rgba(246, 246, 246,0.8);
    position: absolute;
    top: 63px;
    width: 398px;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    left: 1px;
}
.lds-reload-icon {
   width: 120px;
    height: 120px;
    background: url("/templates/paradigm_shift/images/helpdesk_loading.svg") transparent no-repeat;
    margin: 35% auto;
}

.label-suyari {
    background-color: #f0ad4e;
}
.label-kuyari {
    background-color: #d9534f;
}
.label-primary {
    background-color: #337ab7;
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}



.yardimMasasi .panel {
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.yardimMasasi .panel-body {
    padding: 0px;
}
.yardimMasasi .panel-body:before,
.yardimMasasi .panel-body:after {
    display: table;
    content: " ";
}
.yardimMasasi .panel-body:after {
    clear: both;
}
.yardimMasasi .panel-body:before,
.yardimMasasi .panel-body:after {
    display: table;
    content: " ";
}
.yardimMasasi .panel-body:after {
    clear: both;
}
.yardimMasasi .panel > .list-group {
    margin-bottom: 0;
}
.yardimMasasi .panel > .list-group .list-group-item {
    border-width: 1px 0;
}
.yardimMasasi .panel > .list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.yardimMasasi .panel > .list-group .list-group-item:last-child {
    border-bottom: 0;
}
.yardimMasasi .panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}
.yardimMasasi .panel > .table {
    margin-bottom: 0;
}
.yardimMasasi .panel > .panel-body + .table {
    border-top: 1px solid #dddddd;
}
.yardimMasasi .panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.yardimMasasi .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
}
.yardimMasasi .panel-title > a {
    color: inherit;
}
.yardimMasasi .panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #dddddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.yardimMasasi .panel-group .panel {
    margin-bottom: 0;
    overflow: hidden;
    border-radius: 4px;
}
.yardimMasasi .panel-group .panel + .panel {
    margin-top: 5px;
}
.yardimMasasi .panel-group .panel-heading {
    border-bottom: 0;
}
.yardimMasasi .panel-group .panel-heading + .panel-collapse .panel-body {
    border-top: 1px solid #dddddd;
}
.yardimMasasi .panel-group .panel-footer {
    border-top: 0;
}
.yardimMasasi .panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #dddddd;
}
.yardimMasasi .panel-default {
    border-color: #dddddd;
}
.yardimMasasi .panel-default > .panel-heading {
    color: #333333;
    background-color: #f5f5f5;
    border-color: #dddddd;
}
.yardimMasasi .panel-default > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #dddddd;
}
.yardimMasasi .panel-default > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #dddddd;
}
.yardimMasasi .panel-primary {
    border-color: #428bca;
}
.yardimMasasi .panel-primary > .panel-heading {
    color: #ffffff;
    background-color: #1C617C;
    border-color: #1C617C;
}
.yardimMasasi .panel-primary > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #1C617C;
}
.yardimMasasi .panel-primary > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #1C617C;
}
.yardimMasasi .panel-success {
    border-color: #d6e9c6;
}
.yardimMasasi .panel-success > .panel-heading {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.yardimMasasi .panel-success > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #d6e9c6;
}
.yardimMasasi .panel-success > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #d6e9c6;
}
.yardimMasasi .panel-warning {
    border-color: #fbeed5;
}
.yardimMasasi .panel-warning > .panel-heading {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #fbeed5;
}
.yardimMasasi .panel-warning > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #fbeed5;
}
.yardimMasasi .panel-warning > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #fbeed5;
}
.yardimMasasi .panel-danger {
    border-color: #eed3d7;
}
.yardimMasasi .panel-danger > .panel-heading {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}
.yardimMasasi .panel-danger > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #eed3d7;
}
.yardimMasasi .panel-danger > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #eed3d7;
}
.yardimMasasi .panel-info {
    border-color: #bce8f1;
}
.yardimMasasi .panel-info > .panel-heading {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.yardimMasasi .panel-info > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #bce8f1;
}
.yardimMasasi .panel-info > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #bce8f1;
}


/* ------ FONTS ------ */
.yardimMasasi .font-name {
    color: #000000;
    font-size: 1em;
    font-weight: inherit;
    padding-bottom: 3px;
}
.yardimMasasi .font-preview {
    color: #444444;
    font-size: 0.9em;
    font-weight: inherit;
}
.yardimMasasi .font-online {
    color: #777777;
    font-size: 0.8em;
    font-weight: inherit;
}
.yardimMasasi .green-background {
    background: #009688;
    height: 130px;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: -100;
}
.yardimMasasi .wrap {
    display: flex;
    height: 100vh;
    min-width: 600px;
    max-width: 1200px;
    margin: auto;
    box-shadow: 0 2px 2px #aaaaaa;
}

/* ------ LEFT SIDE ------ */
.yardimMasasi .left {
    width: 400px;
}
.yardimMasasi .profile {
    width: 100%;
    height: 60px;
    background: #eeeeee;
    border-right: 1px solid #dbdbdb;
    display: flex;
    justify-content: space-between;
}
.yardimMasasi .profile img {
    width: 40px;
    height: 40px;
    margin: 10px;
    border-radius: 50%;
}
.yardimMasasi .icons {
    color: #777777;
    display: flex;
}
.yardimMasasi .wrap-search {
    width: 100%;
    height: 45px;
    background: #fbfbfb;
    display: flex;
}
.yardimMasasi .search {
    width: calc(100% - 20px);
    height: 30px;
    background: #ffffff;
    margin: auto;
    border: 1px solid #eeeeee;
    border-radius: 5px;
    display: flex;
}
.yardimMasasi .search i {
    /*widht: 60px;*/
}
.yardimMasasi .search i, .yardimMasasi .wrap-message i {
    color: #aaaaaa;
    text-align: center;
}
.yardimMasasi .input-search {
    width: 100%;
    border: none;
}
.yardimMasasi .input-search:focus {
    outline: none;
}
.yardimMasasi .contact-list {
    background-color: #ffffff;
    width: 100%;
    height: calc(100% - 105px);
    overflow-y: auto;
}
.yardimMasasi .contact, .yardimMasasi .active-contact, .yardimMasasi .new-message-contact {
    height: 70px;
    background-color: #ffffff;
    display: flex;
}
.yardimMasasi .contact img, .yardimMasasi .active-contact img, .yardimMasasi .new-message-contact img {
    width: 50px;
    height: 50px;
    margin: 10px;
    border-radius: 50%;
}
.yardimMasasi .active-contact {
    background-color: #ebebeb;
}
.yardimMasasi .contact:hover, .yardimMasasi .new-message-contact:hover {
    background-color: #f5f5f5;
}
.yardimMasasi .new-message-contact {
    font-weight: bold;
}
.yardimMasasi .contact-preview {
    width: 100%;
    height: 70px;
    border-bottom: 1px solid #eeeeee;
    display: flex;
    overflow: hidden;
}
.yardimMasasi .contact-text {
    height: 40px;
    margin: auto 0;
    overflow: hidden;
}
.yardimMasasi .contact-time {
    width: 55px;
    color: rgba(0,0,0,0.4);
    font-size: 0.8em;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid #eeeeee;
}
.yardimMasasi .new-message {
    background: #09d261;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    margin: auto;
    flex-direction: column;
    color: white;
}
.yardimMasasi .new-message p {
    margin: auto;
}
/* ------ RIGHT SIDE ------ */
.yardimMasasi .right {
    min-width: calc(100% - 400px);
}
.yardimMasasi .chat-head {
    background-color: #eeeeee;
    width: 100%;
    height: 60px;
    display: flex;
}
.yardimMasasi .chat-head img {
    width: 40px;
    height: 40px;
    margin: 10px;
    border-radius: 50%;
}
.yardimMasasi .chat-head i {
    color: #aaaaaa;
    width: 60px;
    margin: auto;
    text-align: center;
}
.yardimMasasi #close-contact-information {
    display: none;
}
.yardimMasasi .chat-name {
    width: 100%;
    margin: auto;
}
.yardimMasasi .wrap-chat {
    height: 490px;
    display: flex;
}
.yardimMasasi .chat {
    background-color: #e5ddd5;
    /*background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1089577/background.png);*/
    background: url("../../../templates/paradigm_shift/images/bg.3.W_chat.png") repeat-x scroll 0 0 #FFFFFF;
    width: 100%;
    padding: 0px 1%;
    padding-top: 7px;
    overflow-y: auto !important;
}
.yardimMasasi .information {
    width: 100%;
    position: relative;
    background: #f7f7f7;
    display: none;
    flex-direction: column;
    overflow: auto;
}
.yardimMasasi .information div {
    background: #ffffff;
    padding: 10px;
    margin-bottom: 20px;
}
.yardimMasasi .information img {
    width: 200px;
    height: 200px;
    margin: 20px auto;
    border-radius: 50%;
    float: left;
}
.yardimMasasi .information h1 {
    color: #009688;
    font-size: 14px;
    margin-bottom: 5px;
}
.yardimMasasi .listGroups {
    display: flex;
    margin: 0px !important;
}
.yardimMasasi .listGroups img {
    width: 40px;
    height: 40px;
    margin: 0px 10px 0px 0px;
}
.yardimMasasi .listGroups p {
    margin: auto 0px;
}
/* ------ CHAT ------ */
.yardimMasasi .chat-bubble {
    border-radius: 7px;
    box-shadow: 0 2px 2px rgba(0,0,0,0.05);
    padding: 5px 7px;
    width: 80%;
    max-width: 100%;
    position: relative;
}
.yardimMasasi .you {
    background: #ffffff;
    margin: 0px auto 10px 0px;
}
.yardimMasasi .me {
    background: #dcf8c6;
    margin: 0px 0px 10px auto;
}
.yardimMasasi .your-mouth {
    width: 0;
    height: 0;
    border-bottom: 10px solid white;
    border-left: 10px solid transparent;
    position: absolute;
    bottom: 10px;
    left: -10px;
}
.yardimMasasi .my-mouth {
    width: 0;
    height: 0;
    border-bottom: 10px solid #dcf8c6;
    border-right: 10px solid transparent;
    position: absolute;
    bottom: 10px;
    left: 100%;
}
.yardimMasasi .content {
    margin: 0.5em 0;
    line-height: 120%;
    font-size: 0.9em;
}
.yardimMasasi .content img {
    width: 100%;
}
.yardimMasasi .time {
    color: rgba(0,0,0,0.4);
    font-size: 0.8em;
    text-align: right;
    margin-top: -10px;
}
.yardimMasasi .pink {
    color: #EE33AA;
}
.yardimMasasi .green {
    color: #44FF66;
}
.yardimMasasi .orange {
    color: #FF8811;
}
.yardimMasasi .wrap-message {
    width: 100%;
    height: 108px;
    background: #f1f1f1;
    display: flex;
}
.yardimMasasi .message {
    width: 99% !important;
    height: 85px;
    /*background: #ffffff;*/
    margin: 10px 0px 10px 0;
    border-radius: 5px;
    display: flex;
}
.yardimMasasi .input-message {
    width: 100% !important;
    margin: 0px 10px;
    border: none;
    padding: 5px 10px;
    border: 1px solid #eeeeee;
    resize: none;

}
.yardimMasasi input#myfile {
    height: 30px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 100px;
    z-index: 2;
    opacity: 0.0; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=0); /* IE lt 8 */
    -ms-filter: "alpha(opacity=0)"; /* IE 8 */
    -khtml-opacity: 0.0; /* Safari 1.x */
    -moz-opacity: 0.0; /* FF lt 1.5, Netscape */
}
.yardimMasasi .cevapDosya{
    margin:0 0 10px 0;
    border-radius: 6px;
    border: 1px solid rgba(75, 89, 97, 0.1);
    cursor: pointer;
    background-color: #f2f2f2 !important;
    display: inline-block;
    padding: 12px 18px;
    font-size: 18px;
}
.yardimMasasi .cevapDosya:hover{
    text-decoration: none;
    background-color: #e1e1e1 !important;
}
.yardimMasasi .messageRemove{
    position: absolute;
    right: 10px;
    top: 10px;
}

/* ------ SCROLLBAR ------ */

body::-webkit-scrollbar, .yardimMasasi .contact-list::-webkit-scrollbar, .yardimMasasi .chat::-webkit-scrollbar, .yardimMasasi .information::-webkit-scrollbar {
    width: 0.4em;
    height: 0.4em;
}

body::-webkit-scrollbar-thumb, .yardimMasasi .contact-list::-webkit-scrollbar-thumb, .yardimMasasi .chat::-webkit-scrollbar-thumb, .yardimMasasi .information::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.2);
}

/* ------ MEDIA QUERIES ------ */
@media (min-width: 1200px) {
    .yardimMasasi .wrap {
        margin-bottom: 2vh;
        margin-top: 25px;
        height: calc(98vh - 25px);
    }
}

@media (max-width: 600px) {
    .yardimMasasi .wrap {
        height: calc(100vh - 0.4em);
    }
}

table.portaltable {
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    color: #333333;
    border-width: 1px;
    border-color: #666666;
    border-collapse: collapse;
    width: 100% !important;
}



table.portaltable th {
    border-width: 1px;
    padding: 8px 4px !important;
    border-style: solid;
    border-color: #bfbfbf !important;
    background-color: #158cba;
    color: white;
    line-height: 16px;
    text-align: center !important;
    font-size: 12px;
}


table.portaltable td {
    border-width: 1px;
    padding: 4px 6px;
    border-style: solid;
    border-color: #bfbfbf !important;
    /*background-color: #ffffff;*/
}

table.portaltable tbody tr:nth-child(odd){
    background-color: #f2f2f2;
    color: #000;
}
/*
.baslik{
    text-align: center !important;
    color:#1C617C !important;
    font-size: 1.25rem !important;
    font-weight: bolder !important;
    line-height: 2rem !important;
}
*/
